﻿@using WebApp.Extensions
@using WebApp.Controllers
﻿@{
    ViewBag.CurrentPage = WebApp.Common.PageSetting.HomePageSetting;
}

@{ var sectionId = (Request.IsAjaxRequest() ? "Ajax" : "View") + "_Home_Index"; }

@section Scripts{
    <script type="text/javascript">
        require(['Home/Index'], function (api) {
            $(function () { api.exec('@sectionId'); });
        });
    </script>
}

<div data-bind="stopbinding: true">
    <section id="@sectionId">
        <div class="container">
            <div class="row center">
                <div class="col-md-12">
                    <h2 class="short word-rotator-title">
                        We're not the only
                        <strong>
                            <span class="word-rotate">
                                <span class="word-rotate-items">
                                    <span>excited</span>
                                    <span>happy</span>
                                </span>
                            </span>
                        </strong>
                        about Sanelib Solutions...
                    </h2>
                    <h4 class="lead tall">Many customers in 7 countries use our services. Meet our customers.</h4>
                </div>
            </div>
        </div>

        <div class="container">
            <div class="row center">
                <div class="col-md-3">
                    <div class="service_icon hi-icon-wrap hi-icon-effect-3 hi-icon-effect-3a">
                        <a href="@(Url.Action<HomeController>(x => x.Services()))" class="icon icon-gift hi-icon"></a>
                    </div>
                    <div class="feature-box-info">
                        <h4><strong>We Build New Custom Software</strong></h4>
                        <p class="tall text-justify">We design, build, and implement new custom software systems that fit seamlessly into existing environments. </p>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="service_icon hi-icon-wrap hi-icon-effect-3 hi-icon-effect-3a">
                        <a href="@(Url.Action<HomeController>(x => x.Services()))" class="icon icon-fighter-jet hi-icon"></a>
                    </div>
                    <div class="feature-box-info">
                        <h4><strong>We Modernize Existing Software</strong></h4>
                        <p class="tall text-justify">Legacy software systems can reach a point where they no longer serve the needs of the business. We are experts at upgrading, modernizing and enhancing existing software.</p>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="service_icon hi-icon-wrap hi-icon-effect-3 hi-icon-effect-3a">
                        <a href="@(Url.Action<HomeController>(x => x.Services()))" class="icon icon-cogs hi-icon"></a>
                    </div>
                    <div class="feature-box-info">
                        <h4><strong>We Integrate Software</strong></h4><br/>
                        <p class="tall text-justify">We help clients first identify business requirements, build customizations that solve longstanding problems and help uniquely differentiate them for the future.</p>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="service_icon hi-icon-wrap hi-icon-effect-3 hi-icon-effect-3a">
                        <a href="@(Url.Action<HomeController>(x => x.Services()))" class=" hi-icon icon icon-cloud"></a>
                    </div>
                    <div class="feature-box-info">
                        <h4><strong>We Run Your Application</strong></h4><br />
                        <p class="tall text-justify">In the Cloud or on premise. With ongoing DevOps and managed application services to optimize infrastructure investments and long term software engineering outcomes.</p>
                    </div>
                </div>
            </div>
        </div>
        <hr class="tall" />
        <div class="container">
            <div class="row center">
                <div class="owl-carousel" data-plugin-options='{"items": 6, "singleItem": false, "autoPlay": true}'>
                    <div>
                        <img class="img-responsive" src="~/Public/img/logos/brady.png" alt="">
                    </div>
                    <div>
                        <img class="img-responsive" src="~/Public/img/logos/britishcouncil.png" alt="">
                    </div>
                    <div>
                        <img class="img-responsive" src="~/Public/img/logos/clover.png" alt="">
                    </div>
                    <div>
                        <img class="img-responsive" src="~/Public/img/logos/comnisen.png" alt="">
                    </div>
                    <div>
                        <img class="img-responsive" src="~/Public/img/logos/hal.png" alt="">
                    </div>
                    <div>
                        <img class="img-responsive" src="~/Public/img/logos/heb.png" alt="">
                    </div>
                    <div>
                        <img class="img-responsive" src="~/Public/img/logos/manpasand.png" alt="">
                    </div>
                    <div>
                        <img class="img-responsive" src="~/Public/img/logos/speakermatch.png" alt="">
                    </div>
                    <div>
                        <img class="img-responsive" src="~/Public/img/logos/titanimplants.png" alt="">
                    </div>
                    <div>
                        <img class="img-responsive" src="~/Public/img/logos/vida.png" alt="">
                    </div>
                    <div>
                        <img class="img-responsive" src="~/Public/img/logos/whitehatt.png" alt="">
                    </div>
                </div>
            </div>
        </div>

        <div class="map-section">
            <section class="featured footer map">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="recent-posts push-bottom">
                                <h2>Latest <strong>Blog</strong> Posts</h2>
                                <div class="row">
                                    <div class="owl-carousel" data-plugin-options='{"items": 1, "autoHeight": false}'>
                                        <div>
                                            <div class="col-md-6">
                                                <article>
                                                    <div class="date">
                                                        <span class="day">4</span>
                                                        <span class="month">Oct</span>
                                                    </div>
                                                    <h4><a target="_blank" href="http://mahendramavani.blogspot.in/2008/10/project-retrospection-my-non-called.html">Project retrospection, my non-called role as acting Agile Coach</a></h4>
                                                    <p>Last week I was discussing on the topic - What it takes to guide team of beginners or being agile coach in general, with Mat Hinze. That reminded me my role in previous project. <a target="_blank" href="http://mahendramavani.blogspot.in/2008/10/project-retrospection-my-non-called.html" class="read-more">read more <i class="icon icon-angle-right"></i></a></p>
                                                </article>
                                            </div>
                                            <div class="col-md-6">
                                                <article>
                                                    <div class="date">
                                                        <span class="day">4</span>
                                                        <span class="month">Oct</span>
                                                    </div>
                                                    <h4><a target="_blank" href="http://mahendramavani.blogspot.in/2008/10/working-with-high-performing-team.html">Working with high performing team</a></h4>
                                                    <p>Not secret anymore, recently I have made one of the most significant move in my career my opting to work with the team HeadspringSystem, the premier agile consulting company based in Austin. <a target="_blank" href="http://mahendramavani.blogspot.in/2008/10/working-with-high-performing-team.html" class="read-more">read more <i class="icon icon-angle-right"></i></a></p>
                                                </article>
                                            </div>
                                        </div>
                                        <div>
                                            <div class="col-md-6">
                                                <article>
                                                    <div class="date">
                                                        <span class="day">29</span>
                                                        <span class="month">July</span>
                                                    </div>
                                                    <h4><a target="_blank" href="http://mahendramavani.blogspot.in/2008/07/burndown-chart-vs-burndown-mentality.html">Burndown chart vs Burndown mentality</a></h4>
                                                    <p>it's no surprise that scrum projects are using burndown chart for tracking sprint progress and overall product release too. Burndown chart, keeps burning task/stories as and shows what is still left out. <a target="_blank" href="http://mahendramavani.blogspot.in/2008/07/burndown-chart-vs-burndown-mentality.html" class="read-more">read more <i class="icon icon-angle-right"></i></a></p>
                                                </article>
                                            </div>
                                            <div class="col-md-6">
                                                <article>
                                                    <div class="date">
                                                        <span class="day">29</span>
                                                        <span class="month">July</span>
                                                    </div>
                                                    <h4><a target="_blank" href="http://mahendramavani.blogspot.in/2008/07/xp-team-sizing-even-or-odd.html">Xp Team sizing... Even or Odd</a></h4>
                                                    <p>One of the issue we have been facing since very beginning is lack of pair programming which resulted in knowledge silos getting build in the team. <a target="_blank" href="http://mahendramavani.blogspot.in/2008/07/xp-team-sizing-even-or-odd.html" class="read-more">read more <i class="icon icon-angle-right"></i></a></p>
                                                </article>
                                            </div>
                                        </div>
                                        <div>
                                            <div class="col-md-6">
                                                <article>
                                                    <div class="date">
                                                        <span class="day">29</span>
                                                        <span class="month">July</span>
                                                    </div>
                                                    <h4><a target="_blank" href="http://mahendramavani.blogspot.in/2008/07/how-to-get-default-value-of-given-type.html">How to get default value of given type</a></h4>
                                                    <p>While we all know default value of each type, at some point we might have generic implementation. So what if we need to make use of default value of give type? <a target="_blank" href="http://mahendramavani.blogspot.in/2008/07/how-to-get-default-value-of-given-type.html" class="read-more">read more <i class="icon icon-angle-right"></i></a></p>
                                                </article>
                                            </div>
                                            <div class="col-md-6">
                                                <article>
                                                    <div class="date">
                                                        <span class="day">14</span>
                                                        <span class="month">July</span>
                                                    </div>
                                                    <h4><a target="_blank" href="http://mahendramavani.blogspot.in/2008/07/agile-planning-planning-on-wall.html">Agile Planning - Planning on wall</a></h4>
                                                    <p>Till last week we were facing serious issue with respect to our sprint planning. Team is new to Agile and except me, everybody else is working on agile project for the first time. <a target="_blank" href="http://mahendramavani.blogspot.in/2008/07/agile-planning-planning-on-wall.html" class="read-more">read more <i class="icon icon-angle-right"></i></a></p>
                                                </article>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <h2><strong>What</strong> Client’s Say</h2>
                            <div class="row">
                                <div class="owl-carousel push-bottom" data-plugin-options='{"items": 1, "autoHeight": false}'>
                                    <div>
                                        <div class="col-md-12">
                                            <blockquote class="testimonial">
                                                <p>We provide updated price list every month. Sanelib helps us to upload this price list into our salesforce ORG. Working with the Sanelib team is smooth and very efficient.</p>
                                            </blockquote>
                                            <div class="testimonial-arrow-down"></div>
                                            <div class="testimonial-author">
                                                <div class="img-thumbnail ">
                                                    <img src="~/Public/img/logos/ColorLogo/clover wireless.jpg" alt="">
                                                </div>
                                                <p><strong>Lisa Smith</strong><span>Acquisitions Supervisor at Clover Wireless</span></p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="col-md-12">
                                            <blockquote class="testimonial">
                                                <p>In December 2011 we wanted to introduce new RFID systems in Delhi and Chennai location. Sanelib provided complete customized solution with RFID integration as per our requirements in just four months. Since then our operations are running smoothly.</p>
                                            </blockquote>
                                            <div class="testimonial-arrow-down"></div>
                                            <div class="testimonial-author">
                                                <div class="img-thumbnail ">
                                                    <img src="~/Public/img/logos/ColorLogo/british council.jpg" alt="">
                                                </div>
                                                <p><strong>Neeti Saxena</strong><span>Head Central Content Procurement Unit at British Council</span></p>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="col-md-12">
                                            <blockquote class="testimonial">
                                                <p>I have had great pleasure in working with your team. You have a very effective and tireless team. Your response time is amazing and very consistent.</p>
                                            </blockquote>
                                            <div class="testimonial-arrow-down"></div>
                                            <div class="testimonial-author">
                                                <div class="img-thumbnail ">
                                                    <img src="~/Public/img/logos/ColorLogo/comnisen.png" alt="">
                                                </div>
                                                <p><strong>Mihir Sevak</strong><span>CEO - Comnisen</span></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>

    </section>
</div>

<script src="~/Public/vendor/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
<script src="~/Public/vendor/rs-plugin/js/jquery.themepunch.revolution.js"></script>
<script src="~/Public/vendor/view.home.js"></script>
<script src="~/Public/vendor/owl-carousel/owl.carousel.js"></script>